<div class="row">

  <div class="col-xs-12 col-sm-12">
    <h2>新建课程</h2>
    <hr/>
  </div>

  <div class="col-xs-8 col-sm-8">

    <form class="form-horizontal" role="form">
      <div class="form-group">
        <label for="name" class="col-sm-2 control-label">课程名称</label>
        <div class="col-sm-10">
          <input type="text" ng-model="addLesson.name" class="form-control" id="name" placeholder="请输入课程名称">
        </div>
      </div>

      <div class="form-group">
        <label for="description" class="col-sm-2 control-label">课程简介</label>
        <div class="col-sm-10">
          <textarea class="form-control" ng-model="addLesson.description" rows="3" id="description" placeholder="请输入课程简介"></textarea>
        </div>
      </div>

      <div class="form-group">
        <label for="outline" class="col-sm-2 control-label">课程纲要</label>
        <div class="col-sm-10">
          <textarea class="form-control" markdown-editor ng-model="addLesson.outline" rows="12" id="outline" placeholder="请输入课程纲要"></textarea>
        </div>
      </div>


      <div class="row">
        <div class="col-sm-offset-3 col-sm-3">
          <button class="btn btn-primary btn-block" ng-click="add()">确认</button>
        </div>

        <div class="col-sm-3">
          <button class="btn btn-warning btn-block" ng-click="reset()">重置</button>
        </div>
      </div>

    </form>

  </div>
  
  <div class="col-xs-4 col-sm-4">
    <div class="row">
      <div class="col-xs-12 col-sm-12">
        <img src="image/lesson-cover/lesson-image-default.jpg" ng-hide="addLesson.cover" class="img-responsive"/>
        <img ng-src="temp/{{addLesson.cover}}" ng-show="addLesson.cover" class="img-responsive">
      </div>

      <div class="col-xs-12 col-sm-offset-1 col-sm-8" style="margin-top: 1em" >
        <button ng-file-select ng-model="files" multiple="true" class="btn btn-success btn-block" ng-disabled="!allowedUpload">点此上传新的封面图片</button>
      </div>
    </div>

  </div>


</div>